<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
	  			xmlns:p="http://primefaces.prime.com.tr/ui" 
	  			xmlns:sf="http://www.springframework.org/tags/faces"
	  			xmlns:authz="http://www.springframework.org/security/tags"
				template="/WEB-INF/layouts/standard.xhtml">

<ui:define name="content">

<h:form id="hotels">
	<div class="section">
		<ui:fragment id="messages">
			<div id="messagesInsertionPoint">
				<p:messages errorClass="errors" />
			</div>
		</ui:fragment>
		<h2>Obras encontradas</h2>
		<ui:fragment id="obraSearchFragment">
			<div id="searchResults">
				<h:outputText id="noObrasText" value="Obras no encontradas" rendered="#{obras.rowCount == 0}"/>
				<p:dataTable id="tbl" styleClass="summary" var="o" value="#{obras}" paginator="true" rows="10" sortAscMessage="name"
				firstPageLinkLabel="inicio" previousPageLinkLabel="anterior" nextPageLinkLabel="siguiente"  lastPageLinkLabel="fin"	>  
				    <p:column resizable="true" sortBy="#{o.name}">  
				        <f:facet name="header">  
				            <h:outputText value="Nombre" />  
				        </f:facet>  
				        <h:outputText value="#{o.name}" />  
				    </p:column>  
				    <p:column resizable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Precio" />  
				        </f:facet>  
				        <h:outputText value="#{o.price}">  
				      		<f:convertNumber type="currency" currencySymbol="$"/>
				      	</h:outputText>
				    </p:column> 
				     <p:column resizable="true" sortable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Saldo" />  
				        </f:facet>  
				         <h:outputText value="#{o.saldo}">  
				      		<f:convertNumber type="currency" currencySymbol="$"/>
				      	</h:outputText>  
					</p:column>
					<p:column resizable="true" sortBy="#{o.address}">
				        <f:facet name="header">  
				            <h:outputText value="Calle" />  
				        </f:facet>  
				        <h:outputText value="#{o.address}" />  
				    </p:column>   
					 <p:column resizable="true" sortBy="#{o.city}">  
				        <f:facet name="header">  
				            <h:outputText value="Direccion" />  
				        </f:facet>  
				        <h:outputText value="#{o.city}, #{o.state}, #{o.country}" />  
				    </p:column>
				   <p:column resizable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Detalles" />  
				        </f:facet>  
				        <h:commandButton id="viewHotelLink" value="Ver Detalles" action="select" />
				    </p:column>
				    <p:column resizable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Finanzas" />  
				        </f:facet>  
						<h:commandButton id="verGastos" value="Ver Finanzas" action="gastosDetails"/>
				    </p:column>  
				    <p:column resizable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Editar" />  
				        </f:facet>  
						<h:commandButton id="editObra" value="Editar" action="editObra"/>
				    </p:column> 
				    <p:column resizable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Borrar" />  
				        </f:facet>  
						<h:commandButton id="borrarObra" value="Borrar" action="borrarObra"/>
				    </p:column> 
				</p:dataTable>  
		 
				<div class="buttonGroup">
					<sf:commandLink id="previousPageLink" value="Anterior" action="previous" rendered="#{searchCriteria.page > 0}"/>
					<sf:commandLink id="nextPageLink" value="Siguiente" action="next" rendered="#{not empty gastos and gastos.rowCount == searchCriteria.pageSize}"/>
					<sf:commandButton value="Buscar obras" action="changeSearch"/>
					<sf:commandButton id="createObra" value="Crear Obra" processIds="*" action="newObra" />
					<p:commandButton value="Reportes" onclick="reportDialog.show()"/>
				</div>
				
				
				<p:dialog header="Reportes" widgetVar="reportDialog" modal="true"
					fixedCenter="true" close="true" width="400px">
					<h:commandLink action="ivaReport"> 
					 	 <img src="${request.contextPath}/resources/images/iva.png"/>
					</h:commandLink> 
				</p:dialog>
				
				
			</div>
		</ui:fragment>
	</div>
</h:form>
</ui:define>
</ui:composition>